<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
	<title>[简历]赖彤彤-中山大学南方学院在读本科生</title>
	
	
	
	
	
	
 
	<style>
	
	@charset "UTF-8";
/* -------------------------------------------------
 * 公共部分
 * ------------------------------------------------- */
body {
  background:#FFFFCC ;
  width: 100%;
  overflow-x: hidden;
  padding: 1rem 10%;
  padding-bottom: 0;
  box-sizing: border-box;
  font-size: .9em; }
  body .fa {
    margin-right: .3em; }
  body .info-unit {
    margin-bottom: 1rem; }
    body .info-unit h2 {
      font-weight: 700; }
    body .info-unit h3 {
      font-weight: 300; }

/* -------------------------------------------------
 * 头部部分
 * ------------------------------------------------- */
.header {
  display: none; }

/* -------------------------------------------------
 * 主体部分
 * ------------------------------------------------- */
.container .side {
  position: absolute;
  width: 20rem;
  background:#f6f6f6;
  border-radius: 5px;
  box-shadow: 0 5px 20px #bbb;
  box-sizing: border-box;
  padding: 1rem; }
  .container .side .me {
    text-align: center;
    margin-bottom: 2rem; }
    .container .side .me .portrait {
      margin: 0 auto;
      margin-bottom: 1rem;
      width: 8rem;
      height: 8rem;
      overflow: hidden;
      position: relative; }
      .container .side .me .portrait .loading {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 8rem;
        height: 4rem;
        margin: 0 auto; }
      .container .side .me .portrait .loading span {
        display: inline-block;
        width: 8px;
        height: 100%;
        border-radius: 4px;
        background: lightgreen;
        -webkit-animation: load 1s ease infinite; }
@-webkit-keyframes load {
  0%,100% {
    height: 3rem;
    margin: .5rem 0;
    background: lightblue; }
  50% {
    height: 1rem;
    margin: 1.5rem 0;
    background: lightgreen; } }
@keyframes {
  0%,100% {
    height: 3rem;
    margin: .5rem 0;
    background: lightblue; }
  50% {
    height: 1rem;
    margin: 1.5rem 0;
    background: lightgreen; } }
      .container .side .me .portrait .loading span:nth-child(2) {
        -webkit-animation-delay: 0.2s; }
      .container .side .me .portrait .loading span:nth-child(3) {
        -webkit-animation-delay: 0.4s; }
      .container .side .me .portrait .loading span:nth-child(4) {
        -webkit-animation-delay: 0.6s; }
      .container .side .me .portrait .loading span:nth-child(5) {
        -webkit-animation-delay: 0.8s; }
      .container .side .me .portrait img {
        display: none;
        width: 8rem;
        height: 8rem;
        border-radius: 50%; }
  .container .side .info-unit ul li label {
    display: inline-block;
    width: 35%; }
  .container .side .info-unit ul li span {
    display: inline-block;
    vertical-align: top;
    width: 60%; }
.container .main {
  position: relative;
  margin-left: 22rem;
  background: #f6f6f6;
  border-radius: 5px;
  box-shadow: 0 5px 20px #bbb;
  box-sizing: border-box;
  padding: 1rem; }
  .container .main .info-unit ul {
    box-sizing: border-box;
    padding-left: 1.2rem;
    padding-right: 0.8rem; }
    .container .main .info-unit ul li {
      margin-bottom: 1rem;
      list-style: disc; }
      .container .main .info-unit ul li h3 .link {
        font-size: .5rem;
        border: 1px solid #4db6ac;
        padding: 1px 3px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-left: .5rem; }
      .container .main .info-unit ul li h3 time {
        text-align: right;
        float: right; }
      .container .main .info-unit ul li .info-content li {
        list-style: circle;
        margin: 0; }
      .container .main .info-unit ul li .info-content .fa {
        font-size: 1em; }

/* -------------------------------------------------
 * 文档底部
 * ------------------------------------------------- */
.footer {
  width: 100%;
  margin-top: 1rem;
  height: 2rem; }
  .footer p {
    line-height: 2rem;
    text-align: center;
    font-size: 0.8rem; }

/* -------------------------------------------------
 * 自定义部分
 * ------------------------------------------------- */
.fa {
  font-size: 1.2em; }

h2 {
  font-size: 1.2em; }

h3 {
  font-size: 1.1em; }

hr {
  margin-bottom: .4em; }

aside {
  position: fixed;
  right: 0;
  top: 30%;
  z-index: 2; }
  aside ul li {
    margin-bottom: 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 19px 0 0 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    background: #1abc9c; }
    aside ul li a {
      display: inline-block;
      width: 80px;
      height: 38px;
      line-height: 38px;
      padding-left: 10px;
      color: #fff; }

progress {
  background-color: #f6f6f6;
  display: inline;
  width: 195px;
  height: 1em; }

progress::-webkit-progress-bar {
  background-color: #e0eaf0; }

progress::-webkit-progress-value {
  background-color: #1abc9c; }

progress::-moz-progress-bar {
  background-color: #e0eaf0; }

progress::-moz-progress-value {
  background-color: #708d9b; }

.progress-list {
  line-height: 2; }

mark {
  background: rgba(232, 232, 232, 0.8); }

@media screen and (max-width: 1169px) {
  .container .info-unit h3 span {
    display: block; }

  .container .info-unit h3 span.link {
    display: inline; }

  .container .project h3 span {
    display: inline; }

  .container .project h3 time {
    display: block; }

  .container .main .info-unit ul li h3 time {
    float: none;
    text-align: left; } }
@media screen and (max-width: 1034px) {
  body {
    padding: 1rem 3%; } }
@media screen and (max-width: 414px) {
  .container .side {
    position: static;
    width: 95%;
    margin: 0 auto; }

  .container .main {
    position: static;
    margin-left: 0;
    width: 95%;
    margin: 0 auto;
    margin-top: 1.5rem; }

  #nav-m {
    display: none;
    position: fixed;
    width: 28px;
    height: 28px;
    right: 10px;
    bottom: 20px;
    box-shadow: 0 5px 20px #bbb;
    border-radius: 50%; }

  #nav-m svg {
    width: 28px;
    height: 28px; }

  aside {
    display: none; } }

/*# sourceMappingURL=index.css.map */
	</style>
	
	
</head>

<body bgcolor="#FFFFCC">

    <header class="header"></header>

    <article class="container">
        <section class="side" id="side">

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <div class="loading">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 头像照片 -->
                    <img class="avatar" src="简历/assets/images/avatar.jpg" onload="loading()">
                </section>

                <h1 class="name">赖彤彤</h1>
                <h4 class="info-job">中山大学南方学院学生</h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
					<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="27px" height="27px" version="1.1"><path d="M 928 544 h -96 v -64 h 96 a 32 32 0 0 0 0 -64 h -128 a 32 32 0 0 0 -32 32 v 227.84 A 143.872 143.872 0 0 0 800 960 a 144 144 0 0 0 144 -144 a 143.904 143.904 0 0 0 -112 -140.16 V 608 h 96 a 32 32 0 0 0 0 -64 Z m -48 272 a 80 80 0 1 1 -160 0 a 80 80 0 0 1 160 0 Z" /><path d="M 572.608 886.752 l -0.864 0.288 c -198.752 14.464 -419.68 -2.464 -466.592 -26.912 c 11.264 -30.208 82.88 -74.784 222.88 -90.144 a 32 32 0 0 0 28.512 -31.808 v -38.048 c 0 -10.848 -5.504 -20.96 -14.624 -26.88 c -51.2 -33.088 -96.128 -87.552 -123.264 -149.376 a 32.256 32.256 0 0 0 -15.04 -15.808 c -8.672 -4.32 -21.728 -19.904 -34.656 -69.696 c -4.96 -19.072 -1.568 -32.768 10.624 -43.04 c 6.816 -5.76 10.912 -14.08 11.328 -23.008 C 197.76 219.328 283.2 128 419.392 128 c 133.472 0 215.104 86.528 223.936 237.376 c 0.608 10.144 5.984 19.392 14.464 24.928 c 12.992 8.48 16.896 20.608 12.384 38.144 c -12.544 48.288 -25.024 58.464 -29.856 60.576 a 31.968 31.968 0 0 0 -17.056 18.176 c -24.992 67.808 -72.352 129.728 -126.656 165.664 a 32 32 0 0 0 -14.336 26.688 v 38.592 a 32 32 0 0 0 28.512 31.808 c 11.296 1.216 28.96 3.968 53.056 8.16 c 17.376 2.912 33.984 -8.672 36.992 -26.048 s -8.672 -33.984 -26.048 -36.992 a 1699.97 1699.97 0 0 0 -22.112 -3.712 c 54.08 -42.016 99.136 -102.816 126.464 -171.04 c 30.112 -20.96 44.096 -61.472 52.992 -95.776 c 9.888 -38.08 0.192 -73.408 -25.984 -97.472 C 690.56 172.032 581.76 64 419.392 64 c -168 0 -278.848 111.776 -291.712 292.672 c -22.816 25.6 -30.368 60.448 -20.672 97.728 c 13.984 53.856 31.904 86.784 57.28 104.512 c 28.224 60.224 71.04 114.144 120.48 152.192 c -150.176 23.328 -245.216 83.328 -245.216 157.088 c 0 9.088 2.816 22.56 16.192 35.008 c 43.2 40.064 211.488 52.864 360.32 52.864 c 61.408 0 119.52 -2.176 164.128 -5.536 c 2.496 -0.192 4.96 -0.672 7.36 -1.44 l 4.512 -1.44 a 32 32 0 0 0 20.704 -40.224 a 31.776 31.776 0 0 0 -40.16 -20.672 Z" /></svg>
					
                    <i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>赖彤彤 / 女 / 18岁</span>
                    </li>
                    <li>
                        <label>所在院系</label>
                        <span>艺术设计与创意产业系</span>
                    </li>
                    <li>
                        <label>专业</label>
                        <span>数字媒体技术</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
					<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="27px" height="27px" version="1.1"><path fill="#444444" d="M 653.457 958.709 c -152.804 0 -300.544 -105.867 -401.744 -294.56 c -119.447 -222.732 -106.229 -450.764 32.142 -554.539 c 45.4931 -34.1242 106.72 -50.186 155.842 -40.9783 C 501.768 80.2712 546.552 195.49 562.926 244.486 c 41.1553 123.111 16.0874 150.551 7.84978 159.565 c -11.9174 13.0236 -39.518 27.5239 -111.902 58.4574 c 20.679 56.6942 64.9226 128.673 87.6441 150.12 c 0.641613 -0.320295 1.2996 -0.641613 1.97498 -0.979304 c 66.3747 -33.019 107.614 -49.9251 135.35 -44.9283 c 81.0274 14.6865 169.82 197.369 169.803 268.099 c 0 56.4742 -60.9901 96.4558 -99.4275 108.391 c -33.543 10.4173 -67.2701 15.498 -100.762 15.498 Z m 90.5145 -48.5149 h 0.168845 h -0.168845 Z m -333.107 -775.152 c -27.2793 0 -60.6186 11.2083 -85.5177 29.8877 c -90.3119 67.7173 -132.801 242.6 -12.6941 466.54 c 83.644 155.995 238.153 302.493 421.072 245.707 c 25.6758 -7.96746 50.7775 -30.9929 50.7775 -42.3618 c 0.016373 -59.2085 -79.2888 -191.3 -111.902 -199.809 c -8.45763 0.532119 -31.6345 7.87434 -93.3163 38.5551 c -19.9534 9.91788 -24.1736 12.0187 -33.2892 12.0187 h -0.11768 c -68.7549 -0.093121 -150.964 -184.439 -162.629 -234.65 c -6.2964 -28.7396 15.851 -38.1417 39.298 -48.0933 c 50.4398 -21.4127 82.1244 -36.1329 94.4471 -43.8558 c 7.66354 -51.0476 -62.0369 -210.866 -90.9873 -222.64 c -4.74302 -0.876973 -9.82476 -1.29858 -15.1419 -1.29858 Z m 142.423 482.796 Z m -37.1716 -254.67 Z" /><path fill="#00d8a0" d="M 764.887 395.308 l -81.23 -29.507 c 33.3393 -91.7629 13.4033 -177.163 -54.6937 -234.304 L 684.535 65.29 c 96.1018 80.6396 126.133 204.012 80.3521 330.018 Z" /></svg>
					
					
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:13823831820" target="_blank">13823831820</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="简历/mdew-588@foxmail.com" target="_blank">mdew-588@foxmail.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="https://gitee.com/gui588my" target="_blank">gui588my.com/</a>
                    </li>
                    <li>
                        <label>Github</label>
                        <a href="https://github.com/gui588my" target="_blank">49978379+LTt-on@users.noreply.github.com</a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
					<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="27px" height="27px" version="1.1"><path d="M 384 96 H 192 a 96 96 0 0 0 -96 96 v 192 a 96 96 0 0 0 96 96 h 192 a 96 96 0 0 0 96 -96 V 192 a 96 96 0 0 0 -96 -96 Z m 32 288 a 32 32 0 0 1 -32 32 H 192 a 32 32 0 0 1 -32 -32 V 192 a 32 32 0 0 1 32 -32 h 192 a 32 32 0 0 1 32 32 v 192 Z M 384 544 H 192 a 96 96 0 0 0 -96 96 v 192 a 96 96 0 0 0 96 96 h 192 a 96 96 0 0 0 96 -96 v -192 a 96 96 0 0 0 -96 -96 Z m 32 288 a 32 32 0 0 1 -32 32 H 192 a 32 32 0 0 1 -32 -32 v -192 a 32 32 0 0 1 32 -32 h 192 a 32 32 0 0 1 32 32 v 192 Z M 832 544 h -192 a 96 96 0 0 0 -96 96 v 192 a 96 96 0 0 0 96 96 h 192 a 96 96 0 0 0 96 -96 v -192 a 96 96 0 0 0 -96 -96 Z m 32 288 a 32 32 0 0 1 -32 32 h -192 a 32 32 0 0 1 -32 -32 v -192 a 32 32 0 0 1 32 -32 h 192 a 32 32 0 0 1 32 32 v 192 Z" /><path d="M 736 288 m -192 0 a 192 192 0 1 0 384 0 a 192 192 0 1 0 -384 0 Z" /></svg>
					
                    <i class="fa fa-code" aria-hidden="true"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="50" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="5" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="0" max="100"></progress>
                    </li>
                    
                       
                    <li>
                        <label>ps</label>
                        <progress value="40" max="100"></progress>
                    </li>
                </ul>
            </section>

           

          
        </section>

        <section class="main">

            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
					<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="27px" height="27px" version="1.1"><path d="M 512 668.224 l 369.696 -184.832 a 32 32 0 0 1 28.608 57.216 l -384 192 a 32 32 0 0 1 -28.608 0 l -384 -192 a 32 32 0 0 1 28.608 -57.216 L 512 668.224 Z" /><path d="M 512 860.224 l 369.696 -184.832 a 32 32 0 0 1 28.608 57.216 l -384 192 a 32 32 0 0 1 -28.608 0 l -384 -192 a 32 32 0 0 1 28.608 -57.216 L 512 860.224 Z M 113.696 348.64 a 32 32 0 0 1 0 -57.28 l 384 -192 a 32 32 0 0 1 28.608 0 l 384 192 a 32 32 0 0 1 0 57.28 l -384 192 a 32 32 0 0 1 -28.608 0 l -384 -192 Z M 512 476.224 L 824.448 320 L 512 163.776 L 199.552 320 L 512 476.224 Z" /></svg>
					
					
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>中山大学南方学院-本科</span>
                            <time>2018.9-20xx.6</time>
                        </h3>
                        <p>院系：
                            <mark>艺术设计与创意产业系</mark></p>
						<h>专业：
						    <mark>数字媒体技术</mark></h>
                    </li>
                   
                </ul>
            </section>

            <!-- 工作经历 -->
            <section class="work info-unit">
                <h2>
					
					<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="27px" height="27px" version="1.1"><path d="M 592 336 h -416 c -52.928 0 -96 43.072 -96 96 v 416 c 0 52.928 43.072 96 96 96 h 416 c 52.928 0 96 -43.072 96 -96 v -416 c 0 -52.928 -43.072 -96 -96 -96 Z m 32 512 a 32 32 0 0 1 -32 32 h -416 c -17.632 0 -32 -14.336 -32 -32 v -416 c 0 -17.632 14.368 -32 32 -32 h 416 c 17.664 0 32 14.368 32 32 v 416 Z" /><path d="M 720 208 h -416 a 32 32 0 0 0 0 64 h 416 c 17.664 0 32 14.368 32 32 v 416 a 32 32 0 1 0 64 0 v -416 c 0 -52.928 -43.072 -96 -96 -96 Z M 528 752 h -288 a 32 32 0 1 0 0 64 h 288 a 32 32 0 1 0 0 -64 Z" /><path d="M 848 80 h -416 a 32 32 0 0 0 0 64 h 416 c 17.664 0 32 14.368 32 32 v 416 a 32 32 0 1 0 64 0 v -416 c 0 -52.928 -43.072 -96 -96 -96 Z" /></svg>
					
                    <i class="fa fa-shopping-bag" aria-hidden="true"></i>学校部门工作经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>艺创系监察部</span>
                            <time>2018.10-</time>
                        </h3>
                       
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>中山大学南方学院招生办公室财务部</span>
                            <time>2019.3-</time>
                        </h3>
                        <ul class="info-content">
                            <li>学生助理
                                
                        </ul>
						
						
                    </li>
					
					<li>
                        <h3>
                            <span>中山大学南方学院演讲与口才协会秘书部</span>
                            <time>2018.10-</time>
                        </h3>
					
					</li>
                </ul>
            </section>

            <!-- 项目经验 -->
            <section class="project info-unit">
                <h2>
					
					<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="27px" height="27px" version="1.1"><path d="M 928 160 H 96 a 32 32 0 0 0 -32 32 v 672 a 32 32 0 0 0 32 32 h 832 a 32 32 0 0 0 32 -32 V 192 a 32 32 0 0 0 -32 -32 Z m -32 672 H 128 V 224 h 768 v 608 Z" /><path d="M 230.592 448.096 H 544 a 32 32 0 1 0 0 -64 H 230.592 a 32 32 0 0 0 0 64 Z M 230.592 640.096 H 544 a 32 32 0 1 0 0 -64 H 230.592 a 32 32 0 1 0 0 64 Z M 768 704 a 32 32 0 0 0 32 -32 V 350.016 a 32 32 0 1 0 -64 0 V 672 a 32 32 0 0 0 32 32 Z" /></svg>
					
                    <i class="fa fa-terminal" aria-hidden="true"></i>考取证件/证书</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>汽车驾驶证</span>
                            
                        </h3>
                       
                    </li>
                   
                        </ul>
                   
                            
            </section>

            <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
					
					<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="27px" height="27px" version="1.1"><path d="M 857.28 344.992 h -264.832 c 12.576 -44.256 18.944 -83.584 18.944 -118.208 c 0 -78.56 -71.808 -153.792 -140.544 -143.808 c -60.608 8.8 -89.536 59.904 -89.536 125.536 v 59.296 c 0 76.064 -58.208 140.928 -132.224 148.064 l -117.728 -0.192 A 67.36 67.36 0 0 0 64 483.04 V 872 c 0 37.216 30.144 67.36 67.36 67.36 h 652.192 a 102.72 102.72 0 0 0 100.928 -83.584 l 73.728 -388.96 a 102.72 102.72 0 0 0 -100.928 -121.824 Z M 128 872 V 483.04 c 0 -1.856 1.504 -3.36 3.36 -3.36 H 208 v 395.68 H 131.36 A 3.36 3.36 0 0 1 128 872 Z m 767.328 -417.088 l -73.728 388.96 a 38.72 38.72 0 0 1 -38.048 31.488 H 272 V 476.864 a 213.312 213.312 0 0 0 173.312 -209.088 V 208.512 c 0 -37.568 12.064 -58.912 34.72 -62.176 c 27.04 -3.936 67.36 38.336 67.36 80.48 c 0 37.312 -9.504 84 -28.864 139.712 a 32 32 0 0 0 30.24 42.496 h 308.512 a 38.72 38.72 0 0 1 38.048 45.888 Z" /></svg>
					
                    <i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望</h2>
                <hr/>
                <p>喜欢各种美食，喜欢打羽毛球，乒乓球。喜欢学习各国语言，爱好口语展示。想去各地旅游，发现更多美。也喜欢尝试更多新的东西，交新的朋友。完美主义者。
                    <span class="mark-txt">“静若处子,动如脱兔”“从不浪费时间的人，没有工夫抱怨时间不够。”</span>是我对自己的性格总结以及对自己做事情的态度鞭策</p>
            </section>
        </section>
    </article>



   

   
</body>

</html>

